<template>
  <!-- 列表加载更多动画效果 -->
  <div class="footer-loading">
    <div class="footer-loading-title" v-show="pageMoreFlag? true : false">
      <van-loading type="spinner" color="#A1A1A1" />
      加载更多中...
    </div>
    <div class="footer-loading-title" v-show="pageMoreFlag? false : true">
      ---没有更多了---
    </div>
  </div>
</template>

<script>
// "van-loading": "/static/vant/loading/index" 使用页面要引入文件到main.json中
export default {
  props: ['pageMoreFlag'], // 接收外部传入的数据
  data () {
    return {
    }
  },
  // 在实例创建完成后被立即调用
  mounted () {
    console.log(this.pageMoreFlag)
  }
}
</script>

<style scope>
/* 第三方加载组件 */
.footer-loading{
  display: flex;
  align-items: center;
  justify-content:center;
  width: 100%;
  height: 88rpx;
  line-height: 88rpx;
}
.footer-loading-title {
  height: 88rpx;
  line-height: 88rpx;
  font-size: 28rpx;
  color: #757575;
}
</style>
